import { createRouter, createWebHistory } from 'vue-router';
import HomePage from '@/components/HomePage.vue';
import ScenePage from '@/components/chapter/chapter1/ScenePage.vue';
import LightPage from '@/components/chapter/chapter1/LightPage.vue';
import OrbitControls from '@/components/chapter/chapter1/OrbitControls.vue';
import PhongPage from '@/components/chapter/chapter1/PhongPage.vue';
import MorelightPage from '@/components/chapter/chapter1/MorelightPage.vue';
import AnimationPage from '@/components/chapter/chapter1/AnimationPage.vue';
import CanvasPage from '@/components/chapter/chapter1/CanvasPage.vue';
import StatsPage from '@/components/chapter/chapter1/StatsPage.vue';
import MoreBox from '@/components/chapter/chapter1/MoreBox.vue';
import ArrayPage from '@/components/chapter/chapter1/ArrayPage.vue';
import GeoPage from '@/components/chapter/chapter1/geoPage.vue';
import AntialiasPage from '@/components/chapter/chapter1/AntialiasPage.vue';
import GuiPage from '@/components/chapter/chapter1/GuiPage.vue';
import GuicolorPage from '@/components/chapter/chapter1/GuicolorPage.vue';
import GuiSelect from '@/components/chapter/chapter1/GuiSelect.vue';
import GuiGroup from '@/components/chapter/chapter1/GuiGroup.vue';
import Point from '@/components/chapter/chapter2/point.vue';
import Line from '@/components/chapter/chapter2/line.vue';
import Mian from '@/components/chapter/chapter2/mian.vue';
import Search from '@/components/chapter/chapter2/search.vue';
import Faxian from '@/components/chapter/chapter2/faxian.vue';
import Vector3 from '@/components/chapter/chapter3/vector3.vue';
import Euler from '@/components/chapter/chapter3/euler.vue';
import Color from '@/components/chapter/chapter3/color.vue';
import Fu from '@/components/chapter/chapter3/fu.vue';
import Group from '@/components/chapter/chapter4/group.vue';
import Tree from '@/components/chapter/chapter4/tree.vue';
import Xyz from '@/components/chapter/chapter4/xyz.vue';
import Jubu from '@/components/chapter/chapter4/jubu.vue';
import Remove from '@/components/chapter/chapter4/remove.vue';
import Visible from '@/components/chapter/chapter4/visible.vue';
import TextureLoader from '@/components/chapter/chapter5/textureLoader.vue';
import Uv from '@/components/chapter/chapter5/uv.vue';
import Texture from '@/components/chapter/chapter5/texture.vue';
import Png from '@/components/chapter/chapter5/png.vue';
import UvMove from '@/components/chapter/chapter5/uvMove.vue';
import AddGltf from '@/components/chapter/chapter6/addGltf.vue';
import orbitC from '@/components/chapter/chapter6/orbitC.vue';
const routes = [
  // 第一章：快速入门
  { path: '/', component: HomePage },
  { path: '/scene', component: ScenePage },
  { path: '/light', component: LightPage },
  { path: '/OrbitControls', component: OrbitControls },
  { path: '/Phong', component: PhongPage },
  { path: '/morelight', component: MorelightPage },
  { path: '/animation', component: AnimationPage },
  { path: '/canvas', component: CanvasPage },
  { path: '/stats', component: StatsPage },
  { path: '/moreBox', component: MoreBox },
  { path: '/array', component: ArrayPage },
  { path: '/geo', component: GeoPage },
  { path: '/antialias', component: AntialiasPage },
  { path: '/guiJs', component: GuiPage },
  { path: '/guicolor', component: GuicolorPage },
  { path: '/guiSelect', component: GuiSelect },
  { path: '/guigroup', component: GuiGroup },
  // 第二章：几何体BufferGeometry顶点
  { path: '/twoPoint', component: Point },
  { path: '/twoLine', component: Line },
  { path: '/twoMian', component: Mian },
  { path: '/twoSearch', component: Search },
  { path: '/twoFaxian', component: Faxian },
  // 第三章：模型对象、材质
  { path: '/threeVector', component: Vector3 },
  { path: '/threeEuler', component: Euler },
  { path: '/threeColor', component: Color },
  { path: '/threeFu', component: Fu },
  // 第四章：层级模型
  { path: '/fourGroup', component: Group },
  { path: '/fourTree', component: Tree },
  { path: '/fourXyz', component: Xyz },
  { path: '/fourjubu', component: Jubu },
  { path: '/fourRemove', component: Remove },
  { path: '/fourVisible', component: Visible },
  // 第五章 几何顶点UV坐标、纹理贴图
  { path: '/fiveTextureLoader', component: TextureLoader },
  { path: '/fiveUV', component: Uv },
  { path: '/fiveTex', component: Texture },
  { path: '/fivePng', component: Png },
  { path: '/fiveMove', component: UvMove },
  // 第六章 家宅外部gltf文件爱你
  { path: '/sixAddgltf', component: AddGltf },
  { path: '/sixOrbitC', component: orbitC },


];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router;
